<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>房东申请页面4</title>
        <link rel="stylesheet" href="../css/house_owner/House4.css">
    </head>
    <body class="background_first">
        <div class="nav">
            <div class="head-logo">
                <a href=""></a>
            </div>
            <div class="head-nav">
                <ul>
                    <li><a href="" class="first-item">首页</a> </li>
                    <li><a href="">手机端</a> </li>
                    <li><a href="">成为房东</a> </li>
                    <li><a href="">房源订单中心</a> </li>
                    <li><a href="">消息</a> </li>
                    <li><a href="">我的收藏</a> </li>
                    <li><a href="">帮助</a> </li>
                </ul>
            </div>
            <div class="head-login">
                <a href="">
                    <img class="login-logo" src="../image/login-logo.svg"/>
                    <span class="login-title">登录</span>
                </a>
                <a href="">
                    <img class="regist-logo" src="../image/regist-logo.svg" >
                    <span class="login-title">注册</span>
                </a>
            </div>
        </div>

        <!--==============================中间内容=========================-->
        <div class="house_tab_wap">

            <div>
                <h5>
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;" size="5px">
                            清晰精美的图片可以吸引第一时间
                        </font>

                    </font>
                </h5>

                <div class="tips_detail">
                    <div class="tips_detail_text">
                        <p>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    1、请至少每个房间上传一张精美图片
                                </font>
                            </font>
                        </p>

                        <p>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    2、长按图片可进行顺序调整
                                </font>
                            </font>
                        </p>

                        <p>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    3、图片对水印照片可升级订单量。同时避免客诉
                                </font>
                            </font>
                        </p>

                        <p>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;">
                                    4、点击图片可添加文字描述，帮助房客了解房源
                                </font>
                            </font>
                        </p>
                    </div>
                </div>
            </div>


            <div class="house_photos_content">
                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    卧室
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>




                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    客厅
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>



                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    厨房
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>




                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    卫生间
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>




                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    阳台
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>




                <div class="tips_detail_top">
                    <div class="section_title">
                        <h5>
                            <font style="vertical-align: inherit;">
                                <font style="vertical-align: inherit;"size="4px">
                                    其他
                                </font>
                            </font>
                        </h5>

                        <p>
                            至少上传一张照片
                        </p>
                    </div>

                    <div class="section_content">
                        <button>
                            <div>
                                <div class="upload_btn" style="border: 1px dashed rgb(224,224,224);width: 210px;height: 140px;">
                                    <div>
                                        <font style="vertical-align: inherit;">
                                            添加照片
                                        </font>
                                    </div>
                                </div>

                            </div>
                        </button>
                    </div>
                </div>



            </div>

        </div>

        <!--==============================底部=============================-->
        <div class="fix-bottom">
            <div class="bottomWrapper">
                <div class="back-to-top">
                    <div id="goTop">
                        <font style="vertical-align: inherit;">
                            回到顶部
                        </font>
                    </div>
                </div>

                <div class="save-back">
                    <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
                    </button>
                </div>

                <div class="save">
                    <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
                    </button>
                </div>

                <div class="save">
                    <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">发布</font>
                      </font>
                  </span>
                    </button>
                </div>
            </div>

        </div>


        <div  class="foot-lianjie" >
            <div>
                <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
                    友情链接：百度（baidu）
                </a>
            </div>

        </div>



        <script>
            //以下内容是设置小方块点击后回到顶部的效果
            goTop.onclick = function(){
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }
        </script>

    </body>
</html>